<script setup lang="ts">
import {House, Postcard, ShoppingCart, User} from "@element-plus/icons-vue";
import {isCollapse} from "../layout/isCollapse.ts";
</script>

<template>
  <el-aside>
    <el-menu router unique-opened :collapse="isCollapse">
      <el-menu-item index="/admin/userMa">
        <el-icon><House /></el-icon>
        <span>用户管理</span>
      </el-menu-item>
      <el-menu-item index="/admin/companyMa">
        <el-icon><ShoppingCart /></el-icon>
        <span>公司管理</span>
      </el-menu-item>
      <el-menu-item index="/admin/houseWorkMa">
        <el-icon><User /></el-icon>
        <span>服务管理</span>
      </el-menu-item>
      <el-menu-item index="/admin/serverMa">
        <el-icon><Postcard /></el-icon>
        <span>服务类型管理</span>
      </el-menu-item>
    </el-menu>
  </el-aside>
</template>

<style lang="scss" scoped>
.el-aside {
  background: #eee;
  height: 100vh;
  width: auto;
  .el-menu {
    width: 200px;
    background: #eee;
    border-right: none;
    &.el-menu--collapse{
        width: 70px;
    }
  }
}
</style>
